#gojs_page {
    width: 100%;
    height: 100%;

    .gojs_page_header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 50px;
        padding: 0 20px;
        box-sizing: border-box;
        font-size: 18px;
        font-weight: bold;
        background-color: #f8f8f8;
        border-bottom: 1px solid #d9d9d9;

        i {
            font-size: 20px;
            margin: 0 10px;
            cursor: pointer;
        }

        i:hover {
            color: #409eff;
        }
    }

    .gojs_page_content {
        width: 100%;
        height: calc(100% - 52px);
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #d9d9d9;
        
        .gojs_page_left {
            width: 240px;
            height: 100%;
            margin-right: 2px;
            padding: 10px;
            box-sizing: border-box;
            position: relative;
            // cursor: auto;
            background-color: rgb(40, 44, 52);

            #myPaletteDiv,
            #powerPaletteDiv {
                height: 100%;
            }
        }

        .middle-box {
            position: relative;
            flex: auto;
            height: 100%;

            .gojs_page_middle {
                position: relative;
                width: 100%;
                height: 100%;
                background-color: rgb(40, 44, 52);
                cursor: auto;
            }

            .sacle-box::before {
                position: absolute;
                top: -12px;
                left: 1px;
                content: "";
                width: 48px;
                height: 10px;
                border: 2px solid #fff;
                border-top: none;
            }

            .sacle-box {
                width: 60px;
                text-align: center;
                position: absolute;
                bottom: 20px;
                left: 20px;
                color: #fff;
                font-size: 14px;
                z-index: 9999;
            }
            #myOverviewDiv {
                position: absolute;
                bottom: 0px;
                right: 0px;
                width: 130px;
                height: 110px;
                background-color: rgb(40, 44, 52);
                border: 1px solid snow;
                z-index: 1000;
            }
        }

        

        
    }
}